<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
    <link rel="Bookmark" href="imgs/bai.ico"/>
    <link rel="Shortcut Icon" href="imgs/bai.ico"/>
    <title>洗空调</title>
    <style type="text/css">
        body { margin: 0; padding: 0; }
        #top { width: 100%; background: #fff; position: fixed; top: 0; z-index: 100; }
        #top .li { padding: 5px 0; width: 24.4%; background: #ccc; color: #555; text-align: center; border: 1px solid #eee; border-top-left-radius: 5px; border-top-right-radius: 5px; cursor: pointer; float: left; }
        #top .click { background: #0088cc; color: #fff; }
        .body { width: 100%; text-align: center; position: absolute; top: 40px; }
        #body1 { width: 90%; color: red; }
        #body1 li { margin: 10px; }
        #body2, #body3, #body4 { display: none; }
        #body2 .imgs { margin-bottom: 10px; width: 100%; }
        #body2 img { margin-bottom: 10px; width: 100%; }
        #body3 { width: 100%; }
        #body3 li { margin: 10px; }
        #body3 .imgs, #body3 img { margin-bottom: 10px; width: 100%; }
        #body4 { width: 100%; color: #555; }
        #body4 p { margin: 20px; text-align: left; }
    </style>
</head>
<body>
    <div id="top">
        <div class="li click" id="li01" onclick="toMenu(1);">为啥洗</div>
        <div class="li" id="li02" onclick="toMenu(2);">做对比</div>
        <div class="li" id="li03" onclick="toMenu(3);">怎么洗</div>
        <div class="li" id="li04" onclick="toMenu(4);">咋收费</div>
    </div>

    <div class="body" id="body1">
        <h4>不洗空调的危害</h4>
        <ul>
            <li><b>细菌感染</b>：长期不清洗空调会导致空调内藏有大量的细菌，使用空调时，这些细菌可能会随着风吹出，进入人体内，造成细菌感染。</li>
            <li><b>影响健康</b>：空调长期不清洗，空气中的细菌、病毒、尘埃等物质会积聚，容易引发呼吸道疾病、过敏等健康问题，如鼻炎、咳嗽、哮喘等。对于年老体弱者或者是幼儿，长期没清洗的空调更容易对他们的身体产生伤害。</li>
            <li><b>空调病</b>：长期在未清洗的空调环境下工作和生活的人，可能会出现鼻塞、头晕、打喷嚏、耳鸣、记忆力减退等症状，这类现象称为“空调综合症”或“空调病”。</li>
            <li><b>影响制冷效果和耗电量</b>：空调过滤网和蒸发器翘片表面会积蓄灰尘及有害病菌，影响空调的制冷、制热效果，增加耗电量。空调内沉积的污垢会阻碍空气循环，降低空调的冷却效率。</li>
            <li><b>缩短空调使用寿命</b>：空调内部灰尘增多会磨损内部零件，加快空调老化，从而缩短使用寿命。45空调的制冷效率下降后，可能导致空调需要运行更长时间，不仅耗电量增加，还会影响空调的使用寿命。</li>
        </ul>
        <p style="margin-left: 10px;">总结：为了保障健康、节约能源以及延长空调的使用寿命，建议定期清洗空调。</p>
    </div>

    <div class="body" id="body2">
        <h4>空调清洗前后对比
        </h4>
        <div class="imgs">
            <img src="imgs/001.png"/>
        </div>
        <div class="imgs">
            <img src="imgs/002.png"/>
        </div>
        <div class="imgs">
            <img src="imgs/003.png"/>
        </div>
        <div class="imgs">
            <img src="imgs/004.png"/>
        </div>
        <div class="imgs">
            <img src="imgs/005.png"/>
        </div>
        <div class="imgs">
            <img src="imgs/006.png"/>
        </div>
        <div class="imgs">
            <img src="imgs/007.png"/>
        </div>
        <div class="imgs">
            <img src="imgs/008.png"/>
        </div>
        <div class="imgs">
            <img src="imgs/009.png"/>
        </div>
        <div class="imgs">
            <img src="imgs/010.png"/>
        </div>
        <div class="imgs">
            <img src="imgs/011.png"/>
        </div>
    </div>

    <div class="body" id="body3">
        <div class="imgs">
            <img src="imgs/bg.png"/>
        </div>
        <h4>清洗方式是整体拆洗</h4>
        <ul>
            <li><b>挂机</b>：拆卸内机，清洗外壳、风轮、散热片、滤网、摆叶等；</li>
            <li><b>中央空调</b>：拆卸内机的进风口，壳体、风轮、滤网等，出风口的外壳、散热片；</li>
        </ul>
    </div>

    <div class="body" id="body4">
        <h4>免费清洗</h4>
        <p>预付金：2台起步，4台299元，少一台减70元，多一台加70元，具体细谈；</p>
        <p>全返模式：每介绍一位新客户，返还50元，持续返钱，没有上限；</p>
        <p>全年护理：问题咨询、排查、处理；</p>
    </div>
</body>
</html>


<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<script type="text/javascript">
    var cw = document.documentElement.clientWidth;
    var ch = document.documentElement.clientHeight;
    (function () {
    })();
    //切换
    function toMenu(v){
        $('.li').removeClass('click');
        $('#li0'+v).addClass('click');
        $('.body').hide();
        $('#body'+v).show();
    }
</script>